@zonos/elements 1.3.217 → 1.3.219

package/dist/cjs/buildCartItemsByTempCart-309fcebf.js

@@ -0,0 +1,28 @@
+'use strict';
+
+/**
+ * Map the items from tempCart like how we do it in dgs
+ * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L393
+ */
+const buildCartItemsByTempCart = (tempCartData) => {
+    const tempCartItems = tempCartData.items.map(item => ({
+        amount: item.amount,
+        attributes: item.attributes || [],
+        countryOfOrigin: item.countryOfOrigin || undefined,
+        currencyCode: item.currencyCode,
+        description: item.description || '',
+        imageUrl: item.imageUrl || '',
+        itemType: item.itemType || 'PHYSICAL_GOOD',
+        measurements: item.measurements || [],
+        name: item.name || item.description || '',
+        productId: item.productId || '',
+        quantity: item.quantity || 0,
+        sku: item.sku || '',
+    })) || [];
+    return {
+        adjustments: tempCartData.adjustments,
+        cartItems: tempCartItems,
+    };
+};
+
+exports.buildCartItemsByTempCart = buildCartItemsByTempCart;

package/dist/cjs/{cart-54ff39d6.js → cart-9a2b32e4.js}

@@ -1,8 +1,9 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const localization = require('./localization-721a5ec3.js');
-const handleFetch = require('./handleFetch-0313ebba.js');
+const localization = require('./localization-b12edb2a.js');
+const translationStore = require('./translationStore-20a6d8bf.js');
+const handleFetch = require('./handleFetch-45f35cac.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
 
@@ -532,7 +533,7 @@ const validateCheckoutSession = async () => {
             metadata: { allLogs: handleFetch.allLogs },
         });
         return {
-            errorMessage: localization.translate('Unable to retrieve the checkout session at the moment. Please try again or contact our support team.'),
+            errorMessage: translationStore.translate('Unable to retrieve the checkout session at the moment. Please try again or contact our support team.'),
             valid: false,
         };
     }
@@ -545,7 +546,7 @@ const validateCheckoutSession = async () => {
             metadata: { allLogs: handleFetch.allLogs },
         });
         return {
-            errorMessage: localization.translate('No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.'),
+            errorMessage: translationStore.translate('No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.'),
             valid: false,
         };
     }
@@ -755,15 +756,15 @@ const initStripeElements = async (props) => {
         JSON.stringify(stripeStore.stripeElementsOptions);
     if (!stripeStore.stripeElements ||
         !stripeStore.stripeElementsForBillingAddress) {
+        // init stripe elements for billing address
+        stripeStore.stripeElementsForBillingAddress =
+            (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
+        handleFetch.log('Stripe elements for billing address initialized');
         // init stripe elements if it doesn't exist
-        stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
+        stripeStore.stripeElements = (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
         // save stripe elements options for later comparison
         stripeStore.stripeElementsOptions = stripeOptions;
         handleFetch.log('Stripe elements initialized');
-        // init stripe elements for billing address
-        stripeStore.stripeElementsForBillingAddress =
-            (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
-        handleFetch.log('Stripe elements for billing address initialized');
         return;
     }
     if (!isSameOptions) {
@@ -809,7 +810,7 @@ const checkIsAddressOutdatedForAsyncAddressUpdate = () => {
         isTaxIdDirty ||
         isCompanyNameDirty);
 };
-const buildAddressForPartyCreate = ({ address, firstName, lastName, name, phone, }) => {
+const stripeStoreBuildAddressForPartyCreate = ({ address, firstName, lastName, name, phone, }) => {
     const { firstName: _firstName, lastName: _lastName } = extractName({
         firstName,
         lastName,
@@ -891,7 +892,7 @@ const stripeStoreAsyncAddressUpdate = async () => {
             partiesCreated: false,
         };
     }
-    const address = buildAddressForPartyCreate({
+    const address = stripeStoreBuildAddressForPartyCreate({
         address: stripeStore.stripeAddressEventData.value.address,
         firstName: stripeStore.stripeAddressEventData.value.firstName,
         lastName: stripeStore.stripeAddressEventData.value.lastName,
@@ -900,7 +901,7 @@ const stripeStoreAsyncAddressUpdate = async () => {
     });
     const billingAddress = stripeStore.stripeShippingSameAsBilling
         ? address
-        : buildAddressForPartyCreate({
+        : stripeStoreBuildAddressForPartyCreate({
             address: stripeStore.stripeBillingAddressEventData.value.address,
             firstName: stripeStore.stripeBillingAddressEventData.value.firstName,
             lastName: stripeStore.stripeBillingAddressEventData.value.lastName,
@@ -1210,7 +1211,11 @@ const stripeStoreApplyPromoCode = async () => {
     if (!cheapestServiceLevel || !matchLandedCost) {
         return;
     }
-    await cartStoreUpdateSelectedShippingOption(cheapestServiceLevel, matchLandedCost.landedCostId);
+    await cartStoreUpdateSelectedShippingOption({
+        applySubtotalsOnly: false,
+        landedCostId: matchLandedCost.landedCostId,
+        selectedShippingOption: cheapestServiceLevel,
+    });
 };
 const stripeStoreResetPromoCode = () => {
     cartStore.promoCode = '';
@@ -1230,6 +1235,7 @@ const stripeStoreRemovePromoCode = async () => {
 const stripeStoreMessageBasedOnStatus = (status) => {
     let messages = [];
     let isError = true;
+    const isCollect = window.Zonos.isCollect;
     // Inspect the PaymentIntent `status` to indicate the status of the payment
     // to your customer.
     //
@@ -1240,35 +1246,47 @@ const stripeStoreMessageBasedOnStatus = (status) => {
     switch (status) {
         case 'succeeded': {
             messages = [
-                localization.translate('Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.'),
+                translationStore.translate('Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.'),
                 '',
-                localization.translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time."),
+                translationStore.translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time."),
             ];
+            if (isCollect) {
+                messages = [
+                    translationStore.translate('Thank you for submitting your payment. We appreciate your prompt attention.'),
+                    '',
+                    translationStore.translate('A confirmation email with your payment details has been sent for your records. If you have any questions or need support, our team is here to help.'),
+                ];
+            }
             isError = false;
             break;
         }
         case 'requires_capture':
         case 'processing': {
             messages = [
-                localization.translate("Payment processing. We'll update you when payment is received."),
+                translationStore.translate("Payment processing. We'll update you when payment is received."),
             ];
             isError = false;
             break;
         }
         case 'requires_payment_method': {
             messages = [
-                localization.translate('Payment failed. Please try another payment method.'),
+                translationStore.translate('Payment failed. Please try another payment method.'),
             ];
+            if (isCollect) {
+                messages = [
+                    translationStore.translate('Payment failed. Please reload the page and try another payment method.'),
+                ];
+            }
             break;
         }
         case 'requires_action': {
             isError = false;
             messages = [
-                localization.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'),
+                translationStore.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'),
             ];
         }
         default: {
-            messages = [localization.translate('Something went wrong.')];
+            messages = [translationStore.translate('Something went wrong.')];
             break;
         }
     }
@@ -1300,7 +1318,7 @@ const stripeStoreHandleInventoryCheck = async () => {
         }
         // Proceed if the item is available
         if (!json.available || json.status === 204) {
-            return localization.translate("The item you're looking for is currently unavailable in our inventory. Please check back later or contact support for assistance with availability.");
+            return translationStore.translate("The item you're looking for is currently unavailable in our inventory. Please check back later or contact support for assistance with availability.");
         }
         if (json.available || json.status === 200) {
             stripeStore.shouldInventoryRefund = true;
@@ -1358,7 +1376,7 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     const clientSecret = _clientSecret || stripeStore.clientSecret;
     if (!stripeStore.stripe || !clientSecret) {
         handleFetch.logError('Failed to retrieve payment intent. Stripe is not initialized');
-        return { error: true, message: [localization.translate('Something went wrong.')] };
+        return { error: true, message: [translationStore.translate('Something went wrong.')] };
     }
     const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(clientSecret);
     const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
@@ -1371,14 +1389,15 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
         status,
     };
 };
-const stripeStoreConfirmPayment = async () => {
+const stripeStoreConfirmPayment = async (props) => {
     var _a, _b;
     const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeElements = stripeStore.stripeElements;
     const stripe = stripeStore.stripe;
     const stripeClientSecret = stripeStore.clientSecret;
     stripeStore.customErrorMessage = null;
-    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
+    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id) &&
+        !(props === null || props === void 0 ? void 0 : props.noLandedCostCheck)) {
         throw new Error('Attempted to confirm the payment when no landed cost is found in store');
     }
     // Check if the checkout session is valid before proceeding
@@ -1409,7 +1428,7 @@ const stripeStoreConfirmPayment = async () => {
         });
         handleFetch.log('Payment intent confirmed', 'info', { error, paymentIntent });
         if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === 'requires_action') {
-            throw new Error(localization.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'));
+            throw new Error(translationStore.translate('Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.'));
         }
         if (error) {
             if (error.type === 'card_error' || error.type === 'validation_error') {
@@ -1426,7 +1445,7 @@ const stripeStoreConfirmPayment = async () => {
         }
         if (paymentIntent.status === 'requires_payment_method') {
             // Failed to confirm payment, allows user to try another payment method
-            throw new Error(localization.translate('Payment failed. Please try another payment method.'));
+            throw new Error(translationStore.translate('Payment failed. Please try another payment method.'));
         }
     }
 };
@@ -1439,6 +1458,7 @@ const getCheckoutSessionBody = () => {
         cartId: window.Zonos.cartId,
         currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
         customerAuthenticationToken: cartStore.customerAuthenticationToken || undefined,
+        isCollect: window.Zonos.isCollect,
         itemsAmount: total,
         metadata: [
             {
@@ -1466,9 +1486,9 @@ const stripeStoreGetPaymentIntent = async () => {
         });
         cartStoreUpdateToErrorState({
             messages: [
-                localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
             ],
-            title: localization.translate('Error creating Checkout'),
+            title: translationStore.translate('Error creating Checkout'),
         });
         return;
     }
@@ -1494,9 +1514,9 @@ const stripeStoreGetPaymentIntent = async () => {
         });
         cartStoreUpdateToErrorState({
             messages: [
-                localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
             ],
-            title: localization.translate('Error creating Checkout'),
+            title: translationStore.translate('Error creating Checkout'),
         });
         return;
     }
@@ -1800,12 +1820,12 @@ const { onChange: cartStoreOnChange, reset, state: cartStore, } = zonosStore.cre
 const getTransitUnit = (type) => {
     switch (type) {
         case 'DAYS':
-            return localization.translate('days');
+            return translationStore.translate('days');
         case 'WEEKS':
-            return localization.translate('weeks');
+            return translationStore.translate('weeks');
         case 'BUSINESS_DAYS':
         default:
-            return localization.translate('business days');
+            return translationStore.translate('business days');
     }
 };
 /**
@@ -1971,9 +1991,9 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
             if (!success) {
                 cartStoreUpdateToErrorState({
                     messages: [
-                        localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                        translationStore.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
                     ],
-                    title: localization.translate('Error creating Checkout'),
+                    title: translationStore.translate('Error creating Checkout'),
                 });
                 return false;
             }
@@ -2010,8 +2030,12 @@ const cartStoreGetMethod = (landedCost) => {
     }
     return landedCost.method;
 };
-const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, landedCostId) => {
+const cartStoreUpdateSelectedShippingOption = async ({ applySubtotalsOnly, landedCostId, selectedShippingOption, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    handleFetch.log('Updating selected shipping option', 'info', {
+        landedCostId,
+        selectedShippingOption,
+    });
     cartStore.selectedShippingOption = selectedShippingOption;
     // update shipping transit info
     const transitData = cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);
@@ -2046,16 +2070,33 @@ const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, lan
     const isAboveDeminimis = !!((_e = (_d = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _d === void 0 ? void 0 : _d.deMinimis) === null || _e === void 0 ? void 0 : _e.find(item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE'));
     cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;
     cartStore.isSelectedShippingGuarantee = isGuarantee;
-    // update session with selected landed cost
-    const updateCalculateStatus = await cartStoreReCalculateTotal({
-        adjustmentsAmount: cartStore.adjustmentTotal,
-        billToPartyId: stripeStore.partyBillingId,
-        cartId: window.Zonos.cartId,
-        dutiesTaxesFeesEstimate: dutiesTaxesFeesEstimate,
-        landedCostId: (_f = selectedLandedCost.landedCost) === null || _f === void 0 ? void 0 : _f.id,
-        shipToPartyId: stripeStore.partyShippingId,
-        varianceTestInput: localization.storageStore.enabledVariantTestKeys || [],
-    });
+    let updateCalculateStatus = false;
+    /**
+     * For collect, we are trying to mimic the behavior that checkout is currently doing, where there is already a checkout session, we already updated with the landed cost.
+     * But we need to call this function so that we can use all of the information that already in place in cartStore, so to avoid latency issue, we only apply subtotals here.
+     */
+    if (applySubtotalsOnly) {
+        const subtotals = selectedLandedCost.subtotals;
+        cartStoreApplySubtotals({
+            dutiesTaxesFeesEstimate,
+            method: cartStore.landedCostMethod,
+            subtotals,
+        });
+        handleFetch.log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
+        updateCalculateStatus = true;
+    }
+    else {
+        // update session with selected landed cost
+        updateCalculateStatus = await cartStoreReCalculateTotal({
+            adjustmentsAmount: cartStore.adjustmentTotal,
+            billToPartyId: stripeStore.partyBillingId,
+            cartId: window.Zonos.cartId,
+            dutiesTaxesFeesEstimate: dutiesTaxesFeesEstimate,
+            landedCostId: (_f = selectedLandedCost.landedCost) === null || _f === void 0 ? void 0 : _f.id,
+            shipToPartyId: stripeStore.partyShippingId,
+            varianceTestInput: localization.storageStore.enabledVariantTestKeys || [],
+        });
+    }
     // update conditionally render pay in USD button
     const firstItem = (_g = cartStore.items.find(Boolean)) === null || _g === void 0 ? void 0 : _g.currencyCode;
     // Stripe address event data should be available at this point
@@ -2097,7 +2138,7 @@ const cartStoreResetCartItems = () => {
     cartStore.items = cartStore.items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: false })));
     cartStore.restrictedItems = [];
 };
-const cartStoreUpdateItems = async ({ adjustments, cartItems, }) => {
+const cartStoreUpdateItems = async ({ adjustments, cartItems, landedCostId, shouldInitSessionOnFailure = true, }) => {
     var _a;
     // Update adjustments and items
     cartStore.adjustments = adjustments;
@@ -2121,9 +2162,9 @@ const cartStoreUpdateItems = async ({ adjustments, cartItems, }) => {
         currency: currency,
         dutiesTaxesFeesEstimate: 0,
         itemsAmount: total,
+        landedCostId,
         shipToPartyId: stripeStore.partyShippingId,
-        // attempt to init session on failure to update checkout session
-        shouldInitSessionOnFailure: true,
+        shouldInitSessionOnFailure,
         varianceTestInput: localization.storageStore.enabledVariantTestKeys || [],
     });
     stripeStore.isFetchingSession = false;
@@ -2198,6 +2239,7 @@ exports.sortServiceLevelOptionsByAmount = sortServiceLevelOptionsByAmount;
 exports.stripeStore = stripeStore;
 exports.stripeStoreApplyPromoCode = stripeStoreApplyPromoCode;
 exports.stripeStoreAsyncAddressUpdate = stripeStoreAsyncAddressUpdate;
+exports.stripeStoreBuildAddressForPartyCreate = stripeStoreBuildAddressForPartyCreate;
 exports.stripeStoreCleanupDomesticShippingSession = stripeStoreCleanupDomesticShippingSession;
 exports.stripeStoreConfirmPayment = stripeStoreConfirmPayment;
 exports.stripeStoreGetDomesticShippingSession = stripeStoreGetDomesticShippingSession;
@@ -2206,6 +2248,7 @@ exports.stripeStoreHandleInventoryCheck = stripeStoreHandleInventoryCheck;
 exports.stripeStoreHandleInventoryRefund = stripeStoreHandleInventoryRefund;
 exports.stripeStoreInitCheckoutSession = stripeStoreInitCheckoutSession;
 exports.stripeStoreMessageBasedOnStatus = stripeStoreMessageBasedOnStatus;
+exports.stripeStoreOnChange = stripeStoreOnChange;
 exports.stripeStorePrefetchLandedCost = stripeStorePrefetchLandedCost;
 exports.stripeStoreRemovePromoCode = stripeStoreRemovePromoCode;
 exports.stripeStoreReset = stripeStoreReset;